<template>
	<view>
		<view class="message">
			
			<!-- 公告 -->
			<view class="message-one">
				<view @tap="announcement" class="message-two">
					<view class="message-image">
						<image src="../../static/assert/gonggaou.png" mode=""></image>
						<text>{{lang.announcement}}</text>
						<view class="message-freeze">
							{{titleItem}}
							<span class="time">{{createTimeId}}</span>
						</view>
					</view>
				</view>
			</view>
		
		</view>
	</view>
</template>

<script>
	import { mapState,mapActions} from 'vuex'
	export default {
		data() {
			return {
               titleItem:"",
			   createTimeId:"",
			   title:"",
			   createTime:"",
			   createTimeItem:""
			}
		},
		created(){
		
			this.aaa()
		},
		computed:{
			...mapState('user',['userinfo']),
			...mapState(['lang'])
		},
		methods: {
			// 语言
			aaa(){
				 uni.setNavigationBarTitle({
				     title:this.lang.message
				 });
			},
			// 跳转
        
		   announcement(){
			   uni.navigateTo({
			   	//里面是一个对象形式的参数
			   	url: 'notice/announcement'
			   })
		   },
		 
		 
		}
	}
</script>

<style lang="scss" scoped>
	.message {
		padding: 0 30upx;

		.message-one {
			display: flex;
			justify-content: space-between;

			.message-two {
				width: 100%;
				// height: 100upx;
				border-bottom: 1upx solid #E6E6E6;
				padding-top: 29upx;
				padding-bottom: 29upx;

				.message-image {
					image {
						width: 41upx;
						height: 41upx;

					}

					text {
						font-size: 30upx;
						font-family: PingFang-SC-Medium;
						font-weight: 500;
						color: rgba(51, 51, 51, 1);
						margin-left: 17upx;

					}

					.message-freeze {
						font-size: 26upx;
						font-family: PingFang-SC-Regular;
						font-weight: 400;
						color: rgba(102, 102, 102, 1);
						margin-left: 59upx;
					}

					.time {
						font-size: 26upx;
						font-family: PingFang-SC-Regular;
						font-weight: 400;
						color: rgba(153, 153, 153, 1);
						float: right;
                        clear: both;

					}
				}
			}

		}
	}
</style>
